<template>
  <div class="root">
    <!-- 创作人背景墙 -->
    <div class="well">
      <HeadImgWell></HeadImgWell>
    </div>
    <!-- 创作人列表 -->
    <template v-for="item in list">
      <Producer></Producer>
    </template>
  </div>
</template>

<script>

// 引入创作人文件
import composers from "@/json/Composers.json"

//引入创作人的对象
import Producer from "@/components/body/producer/producer-list.vue";
import HeadImgWell from '@/components/body/producer/head-img-well.vue'
export default {
  name: "Composer",
  data(){
    return{
      list:composers
    }
  },
  components: {
    Producer,
    HeadImgWell
  }
};
</script>

<style scoped>
  .well{
    height: 400px;
    /* background-color: green; */
  }
</style>